<?php

require_once("funcionesBase.php");
	
$tabla=$_GET['tabla'];
$columna=$_GET['columnaAModificar'];
	
$unaColumna=getUnaColumna($tabla, $columna);
	
echo '
	<div class="modal-header columnasNuevaTabla">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h4 class="modal-title" id="tituloModal">
		<span class="glyphicon glyphicon-file"></span>
		Modificar columna</h4>
	</div>
	
	<div class="modal-body columnasNuevaTabla " >
	';

	echo '
		<div class="alert alert-info alert-dismissable">
			<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
			
			<strong>[
			<IMG SRC="img/img_info.png">
			Información ]</strong>
			En esta sección puedes modificar la estructura de una columna.
		</div>';
	
echo '				
					<table class="table table-striped table-hover table-bordered table-condensed">
                        
                        <tr>
							<th>Nombre de columna</th>
							<th>Tipo</th>
							<th>Longitud</th>
							<th>Clave primaria</th>
							<th>AutoIncrement</th>
                        </tr>
					';

					echo	'<tr>';

					echo	'<td>'.					
								'<div class="form-group">	
									<div class="col-lg-14">
									  <input type="text" class="form-control" id="nombre" value="'.$unaColumna['Field'].'
									  " required >
									</div>
								</div>'.
							'</td>';
							
					echo	'<td>'.
								'<div class="form-group">	
									<div class="col-lg-14">
										<select class="form-control" id="tipo" >';
										
					echo	'				<option value="INT">ENTERO</option>
											<option value="VARCHAR">TEXTO</option>	
											<option value="DATE">FECHA</option>	
											<option value="FLOAT">FLOTANTE</option>
	  										<option value="BOOLEAN">BOLEANO</option>';
					echo 	'				</select>
									</div>
								</div>'
							.'</td>';

					echo	'<td>'.					
								'<div class="form-group">	
									<div class="col-lg-14">
									  <input type="text" class="form-control" id="longitud" disabled>
									</div>
								</div>'.
							'</td>';
					
					echo	'
					<td class="tdCentrado" >
								<label class="checkbox-inline ">
								  <input type="checkbox" id="clave"';
								  if( $unaColumna['Key'] == "PRI" )
					{
						echo ' checked';
					}		
					echo '>
								</label>
							</td>';

					
					echo '
							<td class="tdCentrado" >
								<label class="checkbox-inline ">
								  <input type="checkbox" id="auto"';
					if( $unaColumna['Extra'] == "auto_increment" )
					{
						echo ' checked';
					}			
					echo '>
								</label>
							</td>';					
					
					
					
                    echo '</tr>
					</table>';	


echo '
					</div>
					<div class="modal-footer columnasNuevaTabla">
						<button type="button" class="btn btn-success" id="btnCol">
							<span class="glyphicon glyphicon-ok"></span>
							Aceptar
						</button>
						<button type="button" class="btn btn-primary" data-dismiss="modal">
							<span class="glyphicon glyphicon-remove"></span>
							Cancelar
						</button>
					</div>
						';

 echo '
	 <script>
	 	 
	function valida() {
		if( $( "#tipo" ).val() != "VARCHAR" )
		{	 
		 	$("#longitud").attr("disabled", true);
			
		}
		else 
		{			
			$("#longitud").removeAttr("disabled");	
		}
		
		if( $( "#tipo" ).val() != "INT" )
		{
			$("#auto").attr("disabled", true);
			}
		else
		{
			$("#auto").removeAttr("disabled");
			}
		
		
		if( $( "#tipo" ).val() == "BOOLEAN" )
		{
			$("#clave").attr("disabled", true);
			}
		else
		{
			$("#clave").removeAttr("disabled");
			}
		
	}
	 
	 function valida2() {
		if(  $( "#auto" ).prop( "checked" )   )
		{	 
		 	$("#clave").attr("checked", true);
		}		
		
	}
	
	$( "#tipo" ).change(valida);
	$( "#auto" ).change(valida2);
	
	
	$( "#btnCol" ).mousedown(function() {
		
		
		var $ta= "'.$tabla.'";
		var $or= "'.$columna.'";
		var $co= $ ("#nombre").val();
		var $ti= $ ("#tipo").val();
		var $lo= $ ("#longitud").val();
		var $ex= $ ("#auto").prop( "checked" );
		var $pr= $ ("#clave").prop( "checked" );
		
		
		$( "#cuerpoNuevaTabla" ).load("modificarColumna2.php", { ta : $ta, or : $or, co: $co, ti: $ti, lo:$lo, ex:$ex, pr:$pr });
	});	
	
	 </script>';

?>